<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8">
    <title>管理员登录-后台管理系统</title>
    <style type="text/css">
        #all
        {
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            width: 540px;
        }
        body
        {
            text-align: center;
        }
        #main
        {
            float: left;
            background: url(/content/manage/images/login_mid.gif);
            height: 240px;
            padding-left: 50px;
            width: 484px;
        }
        #title
        {
            float: left;
            margin-top: 120px;
        }
        #login
        {
            float: left;
            margin-top: 32px;
            width: 420px;
            margin-left: auto;
            margin-right: auto;
        }
        #btm_left
        {
            background: url(/content/manage/images/login_btm_left.gif) no-repeat;
            width: 22px;
            height: 21px;
            float: left;
        }
        #btm_mid
        {
            background: url(/content/manage/images/login_btm_mid.gif);
            width: 497px;
            float: left;
            height: 21px;
        }
        #btm_right
        {
            background: url(/content/manage/images/login_btm_right.gif) no-repeat;
            width: 21px;
            float: left;
            height: 21px;
        }
        .loginbtn
        {
            background: url(/content/manage/images/LoginImg.gif) no-repeat;
            width: 75px;
            height: 28px;
            cursor: pointer;
            border: none;
            color: #fff;
            font-weight: bold;
            margin-right: 8px;
        }
    </style>
    <link rel="stylesheet" href="/content/css/screen.css" />
    <script type="text/javascript" src="/content/scripts/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="/content/scripts/jquery.validate.min.js"></script>
    <script type="text/javascript" src="/content/scripts/messages_zh.js"></script>
    <script type="text/javascript">
    $(function(){
    		$("#loginForm").validate();

    })
    </script>
    <script type="text/javascript" language="javascript">
        function reset_form() {
            document.getElementById('UserName').value = '';
            document.getElementById('Password').value = '';
            return false;
        }
					 
    </script>
</head>
<body>
    <div id="all">
        <div id="title">
            <img src="/content/manage/images/login_title.gif" /></div>
        <div id="main">
            <form action="/manage/login/loginaction" method="POST" id="loginForm">
            <table id="login">
                <tr>
                    <td>
                        用 &nbsp;户 &nbsp;名
                    </td>
                    <td>
                  
                    <input type="text" name="UserName" required  id="cname" minlength="4" size="15" style="background: url(/content/manage/images/username_bg.gif) left no-repeat #FFF;border: 1px #ccc solid; height: 20px; font-family: Arial, Helvetica, sans-serif;font-size: 14px; font-weight: 800; margin: 0; padding-left: 24px;" />
                        
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                        登录密码
                    </td>
                    <td>
                    <input type="password" name="Password" required  id="Password" size="15" style="background: url(/content/manage/images/password_bg.gif) left no-repeat #FFF;border: 1px #ccc solid; height: 20px; font-family: Arial, Helvetica, sans-serif;font-size: 14px; font-weight: 800; margin: 0; padding-left: 24px;" />
                        
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td style="text-align: left; padding: 32px 0px 0px 30px;">
                        <input type="submit" value="登 录" class="loginbtn" />
                        <input type="reset" value="重 置" class="loginbtn" />
                    </td>
                </tr>
            </table>
            </form>
        </div>
        <div id="btm">
            <div id="btm_left">
            </div>
            <div id="btm_mid">
            </div>
            <div id="btm_right">
            </div>
        </div>
    </div>
</body>
</html>
